@charset "utf-8";
@import  "common/reset";
@function r($px){
    @return $px/100+rem;
};
.mobile{
    section{
        //轮播图
        .swiper-container{
            .swiper-wrapper{
                .swiper-slide{
                    .bottomInformation{
                        position: absolute;
                        bottom: r(30);
                        left: 0;
                        background: #000;
                        height: r(120);
                        width: 100%;
                        opacity: 0.6;
                        padding: r(10) r(20);
                        h3{
                            width: r(581);
                            height: r(41);
                            font-size: r(25);
                            color: wheat;
                            -webkit-line-clamp: 1;
                            overflow:hidden;
                            white-space:nowrap;
                            text-overflow:ellipsis; 
                            margin-bottom: r(8);
                            text-align: center;
                        }
                        a{
                            color: white;
                            font-size: r(25);
                            float: left;
                        }
                        .a1{
                            margin-left: r(10);
                        }
                        .a2{
                            margin-left: r(20);
                        }
                        span{
                            float: right;
                            color: white;
                            font-size: r(23);
                        }
                    }//bottomInformation
                }//swiper-slide
            }//swiper-wrapper
        }//swiper-container
        .content{
            width: 100%;
            .top{
                width: r(583);
                margin: 0 auto;
                .hr{
                    width: r(583);
                    margin: r(19) auto;
                    size: r(1);
                    color: #e2e2e2;
                    background: #e2e2e2;
                }
                .example_top{
                    width: 100%;
                    overflow:hidden;
                    border-bottom:r(1) solid #c5c5c5 ;
                    padding-bottom: r(30);
                    margin-bottom: r(36);
                    .ri{
                        width: r(358);
                        float: right;
                        overflow: hidden;
                        h2{
                          font-size: r(25);
                          color: #000;
                          text-align: left;
                          margin: 0;
                          line-height: r(25);
                          margin-bottom: r(14);
                        }
                        p{
                            width: r(340);
                            line-height: r(21);
                            color: #c5c5c5;                         width: r(324);
                            text-overflow: ellipsis;
                            font-size: r(21);
                            overflow: hidden;  
                            display: -webkit-box;  
                            -webkit-line-clamp: 2;  
                            -webkit-box-orient: vertical; 
                        }
                        .icon-yanjing{
                            font-size: r(16);
                            float: right;
                            color: #c5c5c5;
                            
                        }
                        span{
                            font-size: r(18);
                            color: #c5c5c5;
                            float: right;
                            line-height: r(18);
                            margin-right: r(20);
                        }
                        .bot{
                            width: 100%;
                            overflow: hidden;
                            height: r(18);
                            line-height: r(18);
                            margin-top: r(41);
                            
                        }
                    }
                    .le{
                        overflow: hidden;
                        font-size: 0;
                        .img{
                            width: r(209);
                            height: r(142);
                            float: left;
                            overflow: hidden;
                        }
                        img{
                            width: 100%;
                        }
                    }
                }
                
            .three{
                border: none;
                padding: 0;
            }
            }//top
            
        }//content
        .section_bottom{
            width: r(585);
            height: r(57);
            line-height: r(57);
            color: #e1e1e1;
            text-align: center;
            border-top: r(1) solid #e1e1e1;
            font-size: r(21);
            margin:0 auto;
            margin-top: r(33);
        }
    }//section
}
